<style>
#select{
	width:100%;
	height:100%;
	background-image: url(../img/map.png);
	background-size: 100% 100%;
	position: relative;
}
.point{
	position: absolute;
	right:0;
	bottom:0;
	width:10%;
	height:10%;
	margin-right:20px;
	cursor: pointer;
}
.point a{
	display: block;
}
.point a img{
	width:100%;
	height:100%;
}
#select ul{
	width:100%;
	height:100%;
}
#select li{
	width:11%;
	height:12.7%;
	position: absolute;
	left:68.2%;
	top:28.9%;
}
#select li a{
	display: block;
	width:100%;
	height:100%;
}
</style>
<div id="select">
	<ul>
		<li><a href="#/play?index=0"><img src="" ></a><span></span></li>
	</ul>
	<div class="point"><a href="#/stageindro"><img src="../img/point.png" ></a></div>
</div>

<script>
	var 
		index = "",
		oul = document.getElementById("select").getElementsByTagName("ul");
	oul.onclick = function(e){
		var 
			e = e || window.event, 
			target = e.target || e.srcElement;
			console.log(target);
			index = target.getAttribute("index");
	};



</script>